require('../css/commCss/normalize.css')
require('../css/commCss/reset.css')
require('../css/commCss/property.css')
require('../css/commCss/basic.css')

// 本身样式
require('../css/motionTrain.less')

// 字体
require('../libs/fonts/iconfont.css')

//axios请求
const axios = require('axios')

//导入util
const util = require('../util/util')

// weui-插件库
require('weui')
const weui = require('weui.js')



// 文档加载事件
document.addEventListener('DOMContentLoaded',function(){
    /**
     * 0.底部导航
    */
     util.fixBottomNav('motionRun')//底部导航


    /**
     * 1.获取数据
     */
    axios.get('http://139.9.177.51:8099/sports/allcourse')
    .then(function(res){
        
        let data = res.data.data
        // console.log(data);

        // 最新课程
        let newCourses = data.filter(function(v){
            return v.latest === 1;
        })
        // console.log(newCourses);
        //渲染
        document.querySelector('#imgurl').src = "http://139.9.177.51:8099" + newCourses[0].imgurl
        document.querySelector('#name').src = newCourses[0].name
        document.querySelector('#desc').src = newCourses[0].desc
        //添加自定义属性，渲染id
        document.querySelector('.newCourses').dataset['cid'] = newCourses[0].courseId


        //课程
        let courses = data.filter(function(v){
            return v.latest === 0;
        })
        // console.log(courses);
        //处理并渲染
        let arr = courses.map(function(v){
            return `
            <li data-cid="${v.courseId}">
                <img src="http://139.9.177.51:8099${v.imgurl}" alt="">
                <div>
                    <p class="f18 lh25 fwb">${v.name}</p>
                    <p class="f14 lh25">${v.desc}</p>
                </div>
            </li>
            `
        })
        // console.log(arr);
        //渲染 并用join（）拼接
        document.querySelector('#comCourses').innerHTML = arr.join('')
        
        
    })



    
    /**
     * 2.跳转页面（AB页面传递参数）
     */
    document.querySelector('#nCourses').addEventListener('click',function(){
         //获取自定义属性值
         let cid = this.dataset.cid
        //  console.log(cid);

        //向会话存储存入数据
        // sessionStorage.setItem("cid",cid)
        sessionStorage.cid = cid

         //跳转页面
        location.href = "./motionIntroduce.html"
    })

    document.querySelector('#comCourses').addEventListener('click',function(event){
        //获取自定义属性值
        // console.log(event.target);
        // console.log(event.target.closest('li').dataset.cid);
        let cid = event.target.closest('li').dataset.cid

       //向会话存储存入数据
       sessionStorage.cid = cid

        //跳转页面
       location.href = "./motionIntroduce.html"
   })

})